@import "variables", "utilities";

.page {
  @include absolute-position(0, 0, 0, 0);

  background-color: $background-color;
  width: 100%;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate(0, 0, 0);
}

.content {
  @include absolute-position(0, 0, 0, 0);
  @include box-sizing(border-box);

  width: 100%;
  overflow: auto;
  overflow-x: hidden;
  overflow-wrap:break-word;

  text-wrap:normal;
}

.action-bar + .tab-fixed + .content,
.action-bar + .tab-fixed + .action-bar + .content {
  top: 96px;
}

.action-bar ~ .content,
.tab-fixed ~ .content  {
  top: 48px;
}

.action-bar.fixed-bottom ~ .content {
  bottom: 48px;
}

.inset {
  padding: 15px;
}

.flex {
  @include flexbox(horizontal);

  width: 100%;

  > * {
    -webkit-box-flex: 1;
            box-flex: 1;
  }
}